google.load('visualization', '1.0', {'packages':['corechart']}); google.setOnLoadCallback(function(){ var data = new google.visualization.DataTable(); data.addColumn('string', '日'); data.addColumn('number', 'DL数'); data.addColumn('number', 'Googleセルラン'); data.addColumn('number', 'iOSセルラン'); data.addColumn({type:'string', role:'annotation'}); data.addColumn({type:'string', role:'annotationText'}); data.addRows([ ['2023-12-27',1669704334,99,119,null,null], ['2023-12-28',1669704334,102,113,null,null], ['2023-12-29',1669704334,106,118,null,null], ['2023-12-30',1669704334,107,113,null,null], ['2023-12-31',1669704334,107,102,null,null], ['2024-01-01',1669704334,108,104,null,null], ['2024-01-02',1669704334,109,189,null,null], ['2024-01-03',1676050446,109,151,null,null], ['2024-01-04',1676050446,142,131,null,null], ['2024-01-05',1677483714,140,130,null,null], ['2024-01-06',1677483714,142,126,null,null], ['2024-01-07',1677844301,142,103,null,null], ['2024-01-08',1677844301,143,92,null,null], ['2024-01-09',1679662127,137,92,null,null], ['2024-01-10',1680515426,108,106,null,null], ['2024-01-11',1680916478,101,110,null,null], ['2024-01-12',1681638010,100,111,null,null], ['2024-01-13',1681638010,91,116,null,null], ['2024-01-14',1681638010,92,97,null,null], ['2024-01-15',1681638010,88,88,null,null], ['2024-01-16',1684376966,89,98,null,null], ['2024-01-17',1684948818,92,103,null,null], ['2024-01-18',1685638275,95,99,null,null], ['2024-01-19',1685638275,94,109,null,null], ['2024-01-20',1685638275,94,119,null,null], ['2024-01-21',1685722617,98,92,null,null], ['2024-01-22',1685722617,97,85,null,null], ['2024-01-23',1685722617,98,95,null,null], ['2024-01-24',1685794736,93,101,null,null], ['2024-01-25',1685794736,93,102,null,null], ['2024-01-26',1685794736,92,110,null,null], ['2024-01-27',1687927911,93,107,null,null], ['2024-01-28',1687927911,92,97,null,null], ['2024-01-29',1687927911,86,90,null,null], ['2024-01-30',1692095410,88,103,null,null], ['2024-01-31',1692095410,88,106,null,null], ['2024-02-01',1693645867,88,118,null,null], ['2024-02-02',1693645867,91,170,null,null], ['2024-02-03',1694400827,91,140,null,null], ['2024-02-04',1695063625,116,108,null,null], ['2024-02-05',1695659672,116,94,null,null], ['2024-02-06',1697098498,115,89,null,null], ['2024-02-07',1697695250,113,94,null,null], ['2024-02-08',1698386055,106,101,null,null], ['2024-02-09',1698926564,106,101,null,null], ['2024-02-10',1698926564,94,105,null,null], ['2024-02-11',1699208567,83,102,null,null], ['2024-02-12',1700031373,85,85,null,null], ['2024-02-13',1700855053,85,92,null,null], ['2024-02-14',1701524931,82,88,null,null], ['2024-02-15',1702067650,80,100,null,null], ['2024-02-16',1702590429,79,109,null,null], ['2024-02-17',1703226498,84,121,null,null], ['2024-02-18',1703583915,84,89,null,null], ['2024-02-19',1704239946,82,75,null,null], ['2024-02-20',1705093659,81,84,null,null], ['2024-02-21',1705467806,81,95,null,null], ['2024-02-22',1706014339,83,97,null,null], ['2024-02-23',1706768098,null,101,null,null], ['2024-02-24',1707419620,85,92,null,null], ['2024-02-25',1707702827,65,96,null,null] ]); var options = { chartArea: {'width':'85%', 'height':'65%', 'left':60 }, 'pointSize': 3, legend: {position: 'top' }, vAxes:[ {direction:1}, {direction:-1,viewWindow:{min:0,max:200}} ], series: { 0:{ type: 'bars', color: 'skyblue', targetAxisIndex: 0, }, 1:{ type: 'line', color: 'seagreen', targetAxisIndex: 1, }, 2:{ type: 'line', color: 'red', targetAxisIndex: 1, }, }, tooltip: { trigger: 'both' }, focusTarget: 'category', colors:['#2980b9','#e74c3c'] }; var chart = new google.visualization.ComboChart(document.getElementById('graphField')); chart.draw(data, options); google.visualization.events.addListener(chart, 'click', function() { if(chart.getSelection()[0]){ chart.setSelection(null) } }); });